/* 推荐内容界面 */
<template>
    <div class="recommendView">
       <div :key="item" v-for="item in RecommendView" class="recommend-item">
           <img :src="item.coverImgUrl" alt="" @load="recommend">
            <p>{{ item.creator.nickname }}</p>
       </div>
    </div>
</template>

<script>

export default({
    name:'RecommendView',
    props:{
        RecommendView:{
            type:Array,
            default(){
                return []
            }
        }
    },
    data(){
        return{
            isImgaShow:false
        }
    },
    methods:{
        recommend(){
            if(!this.isImgaShow){
                this.$emit("recommendImageLoad")
                this.isImgaShow=true
            }
            
        }
    }
})

</script>

<style scoped>
    .recommendView{
        display:flex;
        text-align: center;
        font-size: 12px;

        padding: 10px 0 20px;
        border-bottom: 6px solid #eee;
    }
    .recommend-item{
        flex: 1;
    }
    .recommendView img{
        border-radius: 50%;
        width: 90%;
        margin-bottom: 10px;
   /*      height: 65px; */
    }
</style>
